<template>
	<view class="fun-fact">
		<image src="https://www.fzftjc.com/static/rs/itorder/applet/fun-fact-bg.jpg" class="fun-fact-bg"  mode="aspectFill">
		<view class="flex-wrap">
			<view class="fun-fact-item">
				<view class="fz28 bold">{{data.waterproof}}</view>
				<text class="fz12">//</text>
				<view>专注防水{{data.waterproof}}年</view>
			</view>
			<view class="fun-fact-item">
				<view class="fz28 bold">{{data.finish_the_project}}</view>
				<text class="fz12">//</text>
				<view>完成项目</view>
			</view>
			<view class="fun-fact-item">
				<view class="fz28 bold">{{data.serve_clients}}</view>
				<text class="fz12">//</text>
				<view>服务客户</view>
			</view>
			<view class="fun-fact-item">
				<view class="fz28 bold">{{data.core_product}}</view>
				<text class="fz12">//</text>
				<view>核心产品</view>
			</view>
		</view>
	</view>
</template>

<script>
	import base from '../../js/base.js';
	import app from '../../js/app.js';
	export default {
		data(){
			return {
				data:{}
			}
		},
		mounted() {
			let This = this;
			base.request({
				url:base.urltext('/itorder/home_port/index'),
				success:function(res){
					if(res.data.success>0)
					{
						This.data = res.data;	
					}
					
				}
			});
		}
	}
</script>

<style>
</style>
